<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>任务</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/home_task_con.css" />
    <style>
        .fw-label-tag{
            background: #289FFF;
            color: #fff;
            border-radius: 50%;
            width: 19px;
            height: 19px;
            line-height: 20px;
            text-align: center;
            margin-top: 3.5px;
        }
        .popup-title{
            padding: 20px 20px 10px 20px;
            text-align: center;
            border-bottom: solid 1px #f0f0f0;
            font-weight: 600;
        }
        .aui-flex{
            display: flex;
        }
        .fw-left-width{
            width: 50%;text-align: right;
        }
        .fw-right-width{
            width: 50%;text-align: left;
        }
        .form-padding {
            line-height: 1.8rem;
        }
        .new-fles-center {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .rate_star {
            width: 24px;
            display: inline-block;
            vertical-align: middle;
        }
        .new-more-dialog{
            top: unset;
            bottom: 70px;
            left: unset;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            box-shadow: 0px -5px 12px 0 #eee;
            transform: none;
            border: solid 0.5px #ebedf0;
        }
        .new-more-dialog .van-dialog__content{
           padding-top: 20px;
           padding-bottom: 10px;
        }
        .new-vant-tabbar{
            padding: 0 0.5rem;
            height: 3.5rem;
            padding-left: 0;
        }
        .list-div-grey{
            background-color: #f5f5f5;
            border-radius: 4px;
            padding: 10px;
            position: relative;
            text-align: left;
        }
        .list-icon-right{
            position: absolute;
            right: 5px;
            display: flex;
            align-items: center;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content contentBox">
            <!--无评价信息不展示该数据栏-->
            <!-- <div v-if="rateList.length>0&&itemindex==0" v-for="(itemrate,itemindex) in rateList" class="aui_list boxarea mb20">
                <div class="ptb10">
                    <div>
                        <div class="aui-content">
                            <div class="pj-content-title pj-comment">
                                {{rateValueist[itemrate.RateStar-1]}}
                            </div>
                            <div class="new-aui-rate">
                                <label v-for="index of 5" class="rate_star">
                                    <img v-if="itemrate.RateStar<index" class="new-rate" src="../image/starunfillblue.svg" />
                                    <img v-if="itemrate.RateStar>=index" class="new-rate" src="../image/starfillblue.svg" />
                                </label>
                            </div>
                            <div v-if="itemrate.RateComment!=undefined&&itemrate.RateComment!=''&&itemrate.RateComment!=null" class="pj-content-title">{{itemrate.RateComment}}</div>
                        </div>
                    </div>
                </div>
            </div> -->

             <!--新评价样式-->
            <div v-if="form.rateList!=undefined&&form.rateList.length>0"   class="aui_list boxarea mb20">
                <div class="work_title">工单评价</div>
                <div class="aui-padded-b-10">
                    <div  class="aui-list-item-inner bsbx_con">
                        <div class="form-padding new-fles-center " v-bind:class="{'border-bottomLine':form.rateStarList!=undefined&&form.rateStarList.length>0}">
                            <div style="font-size: 15px;">整体评价</div>
                            <div>
                                <label class="text-grey aui-margin-r-5 aui-font-size-16" >({{form.rateList[0].RateStar}}分)</label>
                                <label v-for="index of 5" class="rate_star">
                                    <i v-if="form.rateList[0].RateStar<index" class="van-badge__wrapper van-icon van-icon-star-o"
                                        style="font-size:1rem; color:#ddd;"></i>
                                    <i v-if="form.rateList[0].RateStar>=index" class="van-badge__wrapper van-icon van-icon-star"
                                        style="font-size: 1rem; color: #289FFF;"></i>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div v-if="form.rateStarList!=undefined" class="aui-list-item-inner bsbx_con aui-margin-t-0">
                        <div v-if="form.rateStarList.length>0" v-for="(itempj,indexpj) in form.rateStarList" class="form-padding new-fles-center">
                            <div class="text-grey" style="font-size: 15px;">{{itempj.ScoreName}}</div>
                            <div>
                                <label class="text-grey aui-margin-r-5 aui-font-size-16" >({{itempj.StarNum}}分)</label>
                                <label v-for="index of 5" class="rate_star">
                                    <i v-if="itempj.StarNum<index" class="van-badge__wrapper van-icon van-icon-star-o"
                                        style="font-size:1rem; color:#ddd;"></i>
                                    <i v-if="itempj.StarNum>=index" class="van-badge__wrapper van-icon van-icon-star"
                                        style="font-size: 1rem; color: #289FFF;"></i>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div v-if="form.rateList[0].RateComment" class="aui-list-item-inner ">
                        <div class="aui-list-item-input">
                            {{form.rateList[0].RateComment}}
                        </div>
                    </div>
                </div>

            </div>

            <div class="aui_list boxarea mb20">
                <div class="work_title">
                    {{form.typename}}
                    <i v-if="showorder" v-on:click="showOrderAll()" class="icon iconfont icon-shangjiantou ccc fr"></i>
                    <i v-if="!showorder" v-on:click="showOrderAll()" class="icon iconfont icon-down ccc fr"></i>
                </div>
                <div class="pb10">
                    <div class="contentbg">
                        <div v-if="form.fullname!=''"  style="display: flex;justify-content: space-between;">
                            <div class="content-title">{{form.fullname}}</div>
                             <div style="display: inline-flex;" >
                                <label v-if="NoCloseList&&NoCloseList.length>0" @click="showOrderList()" class="fw-label-tag aui-margin-l-5" style="background-color: #ff0000;">{{NoCloseList.length}}</label>
                                <label v-if="form.CardOwnerList!=undefined&&form.CardOwnerList.length>0" @click="showOrderFw()" class="fw-label-tag aui-margin-l-5"> <i class="van-badge__wrapper van-icon van-icon-card aui-font-size-12"></i></label>
                             </div>
                            <!-- <div v-if="form.CardOwnerList!=undefined&&form.CardOwnerList.length>0" @click="showOrderFw()">
                               <label class="fw-label-tag aui-margin-l-10"> <i class="van-badge__wrapper van-icon van-icon-card aui-font-size-12"></i></label>
                            </div> -->
                        </div>
                        <div v-if="form.content!=''" class="font-color">
                            {{form.content}}
                        </div>
                        <div class="aui-content ">
                            <div class="handle_img_list">
                                <div class="task_con_image">
                                    <img class="aui-img-object" v-for="itemImg in form.imagelist" v-on:click="img_browser(itemImg.imgurl)" v-bind:src="itemImg.imgurl" />
                                    <div class="cl"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--工单基础信息展示-->
                    <div v-if="showorder&&form.FinalServiceTypeID==1" class="mt20">
                        <div class="mb10 ">
                            <label class="label-text-width ccc">区域</label>
                            <label>{{form.serviceArea}}  <span v-if="form.serviceFee!=''" class="label-btn-blue">{{form.serviceFee}}</span></label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">报修时间</label>
                            <label>{{form.AddRepairTime?form.AddRepairTime:form.addTime}}  <span v-if="form.serviceTimeOut==1" class="label-btn-red">超时</span> </label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">工单编号</label>
                            <label>{{form.serviceNumber}}</label>
                        </div>
                        <div v-if="form.serviceArea=='个人区域'" class="mb10">
                            <label class="label-text-width ccc">预约时间</label>
                            <label>{{form.ServiceAppointTime?form.ServiceAppointTime:'--'}}<span v-if="form.ServiceAppointEndTime">-{{form.ServiceAppointEndTime}}</span></label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">紧急程度</label>
                            <label>{{form.LevelIDDesc}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">任务标签</label>
                            <label>{{form.TagIDDesc}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">委外维修</label>
                            <label>{{form.IsOutType?'是':'否'}}</label>
                        </div>
                    </div>
                </div>
            </div>

            <div v-if="form.customername!=undefined" class="aui_list boxarea mb20">
                <div v-if="form.FinalServiceTypeID==1" class="work_title">报修人</div>
                <div v-if="form.FinalServiceTypeID==2" class="work_title">提交人</div>
                <div class="ptb10" >
                    <div v-if="form.customername!=''||form.customerphone!=''" class="aui-content mb20"  >
                        <div style="display: flex;justify-content: space-between;align-items: center;">
                            <div >
                                <span><van-icon name="user-circle-o" color="#999" size="16px" /></span>
                                <label class=" ml5">{{form.customername?form.customername:'--'}}</label>
                                <span class="text-grey ml5">|</span>
                                <span><van-icon name="phone-circle-o" color="#999" size="16px" /></span>
                                <label class=" ml5">{{form.customerphone?form.customerphone:'--'}}</label>
                            </div>
                            <div v-if="form.customerphone!=undefined&&form.customerphone!=''" v-on:click="tel_phone2(form.customerphone)"  >
                                <span style="color: #289FFf;font-weight: bold;width: 60px;">拨打电话</span>
                            </div>
                        </div>
                        
                    </div>
                    <div v-if="form.customername==''&&form.customerphone==''"  class="aui-content mb20" >
                        <div class="hide-nodata">
                            <label>暂无{{form.FinalServiceTypeID==2?'提交人':'报修人'}}记录</label>
                        </div>
                    </div>
                </div>
            </div>

            <!--工单轨迹-->
            <div class="aui_list boxarea mb20">
                <div class="work_title">工单轨迹</div>
                <div class="ptb10">
                    <ul class="processul">
                        <li class="processulli  li-border-color-grey" v-if="index<=0||showproess" v-for="(item,index) in form.processlist">
                            <div class="task_process_con">
                                <div class="handle">
                                    <div class="task_process_basic_title">
                                        <div class="task_process_basic_title_name fl">
                                            <div class="fl">
                                                {{item.title}}
                                                <span v-if="item.IsEditStopTime" v-on:click="onClickTime()" class="aui-margin-l-5" style="float: right;line-height: 20px;"><i class="icon iconfont icon-shijian1"
                                                        style="cursor:pointer;color:red;"></i></span>
                                            </div>
                                            <div class="cl"></div>
                                        </div>

                                        <div class="task_process_basic_title_time ccc fr">{{item.processtime}}</div>
                                        <div class="cl"></div>
                                    </div>
                                    <div class="">
                                        <div class="handle_con_msg ">
                                            <span v-if="item.username!=''&&item.username!=null">【{{item.username}}】完成了工单【{{item.title}}】。</span>
                                            <span v-if="item.sendUserNames!=''&&item.sendUserNames!=undefined&&item.sendUserNames!=null">选择接单人：{{item.sendUserNames}}。</span>
                                            {{item.content}}
                                        </div>
                                        <div class="handle_img_list" v-if="item.imgList.length>0">
                                            <div class="task_con_image">
                                                <img v-for="item2 in item.imgList" v-on:click="img_browser(item2.imgurl)" v-bind:src="item2.imgurl" />
                                                <div class="cl"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hide_height"></div>
                            </div>
                        </li>
                    </ul>

                    <div v-if="form.processlist.length>1" class="proess-select mb20" v-on:click="showProessAll()">
                        查看详情
                        <i v-if="showproess" class="icon iconfont icon-shangjiantou"></i>
                        <i v-if="!showproess" class="icon iconfont icon-down"></i>
                    </div>
                </div>
            </div>

            <div v-if="form.FinalServiceTypeID==1&&form.serviceArea=='个人区域'" class="aui_list boxarea mb20">
                <div class="work_title">
                    收费记录
                    <i v-if="form.canHandle" v-on:click="do_add_fee()" class="icon iconfont icon-addApp ccc fr"></i>
                </div>
                <div class="">
                    <div class="aui-content">
                        <!--无收费记录时-->
                        <div v-if="moneylist.length<=0" class="hide-nodata mb20">
                            <label>暂无收费记录</label>
                        </div>
                        <!--有收费记录时-->
                        <div v-if="moneylist.length>0" v-for="(item,index) in moneylist">
                            <div class="mb10">
                                <label class="ccc">
                                    {{item.ChargeName}}
                                    <label v-if="item.RealCost<=0" class="label-btn-grey">应收</label>
                                    <label v-if="item.RealCost>0" class="label-btn-blue">实收</label>
                                </label>
                                <label class="label-fr">￥ {{item.RealCost<=0?item.TotalCost:item.RealCost}}</label>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div v-if="form.FinalServiceTypeID==1" class="aui_list boxarea mb20">
                <div class="work_title">
                    领料记录
                    <i v-if="form.canHandle" v-on:click="do_add_product()" class="icon iconfont icon-addApp ccc fr"></i>
                    <!-- <i v-if="materiallist.length>0&&form.canHandle&&fhlist.length>0" v-on:click="do_return_product()" class="icon iconfont icon-zhongxin ccc fr mr10"></i> -->
                </div>
                <div class="">
                    <div class="aui-content">
                        <!--无领料记录时-->
                        <div v-if="materiallist.length<=0" class="hide-nodata mb20">
                            <label>暂无领料记录</label>
                        </div>
                        <!--有领料记录时-->
                        <div v-if="materiallist.length>0" v-for="(item,index) in materiallist" @click="do_return_product">
                            <div class="mb10">
                                <label class="ccc">
                                    {{item.ProductName}}<span v-if="item.ModelNumber&&item.Unit"> | </span>{{item.ModelNumber}}{{item.Unit}}
                                </label>
                                <label v-if="item.Status!=3" class="label-fr">x {{item.Count}}</label>
                                <label v-if="item.Status==3" class="label-fr"> <label class="label-btn-grey label-btn-red aui-margin-r-5">申请中</label>x
                                    {{item.ApplyCount}}
                                </label>
                            </div>
                            </div>
                    </div>
                </div>
            </div>

            <!--回访记录为空时，不展示该信息栏-->
            <div v-if=callBackData.length>
                <div class="aui_list boxarea mb20">
                    <div class="work_title">回访记录</div>
                    <div class="ptb10">
                        <div class="aui-content" v-for="itemback in callBackData">
                            <div class="ccc">{{itemback.RealName}} <span class="ml5">{{itemback.AddTime}}</span>  回访</div>
                            <div class="aui-margin-b-10 mt5">{{itemback.HuiFangNote}}</div>
                            <div v-if="itemback.ImgList.length>0" class="aui-content ">
                                <div class="handle_img_list">
                                    <div class="task_con_image">
                                        <img class="aui-img-object aui-margin-t-5 aui-margin-b-10" v-for="itembackImg in itemback.ImgList" v-on:click="img_browser(itembackImg.FilePath)" v-bind:src="itembackImg.FilePath" />
                                        <div class="cl"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- con end-->
          
             <!-- <div class="new-btn-bottom" v-if="typetj!=1">
                <div v-if="form.canAccept&&operation.canAccept" class="new-blue-btn" v-on:click="do_isShouli()">受理</div>
                <div v-if="form.canClose&&operation.canClose" class="new-blue-btn" v-on:click="doCloseOrder()">关单</div>
                <div v-if="form.canSend&&operation.canSend" class="new-blue-btn" v-on:click="do_canpublish(1)">派单</div>
                <div v-if="form.canAcceptOrder&&operation.canAcceptOrder" class="new-blue-btn" v-on:click="doAccpetOrder()">接单</div>
                <div v-if="form.canRefuse&&operation.canRefuse" class="new-blue-btn" v-on:click="doRefuseOrder()">拒绝</div>
                <div v-if="form.canChuidan&&operation.canChuidan" class="new-blue-btn" v-on:click="doUrgeOrder()">催单</div>
                <div v-if="form.canAfreshSend&&operation.canAfreshSend" class="new-blue-btn" v-on:click="do_canpublish(4)">重派</div>
                <div v-if="form.canHandle&&operation.canHandle" class="new-blue-btn" v-on:click="do_complete(1)">处理</div>
                <div v-if="form.canComplete&&operation.canComplete" class="new-blue-btn" v-on:click="do_complete(2)">完工</div>
                <div v-if="form.canVisit&&operation.canVisit" class="new-blue-btn" v-on:click="do_returnvisit()">回访</div>   
            </div>
         -->
            <van-tabbar class="new-vant-tabbar">
                <van-tabbar-item v-if="form.canAccept&&operation.canAccept"  v-on:click="do_isShouli()"  name="home" icon="sign">受理</van-tabbar-item>
                <van-tabbar-item v-if="form.canClose&&operation.canClose" v-on:click="doCloseOrder()" name="search" icon="failure">关单</van-tabbar-item>
                <van-tabbar-item v-if="form.canSend&&operation.canSend" v-on:click="do_canpublish(1)" name="friends" icon="friends-o">派单</van-tabbar-item>
                <van-tabbar-item v-if="form.canAcceptOrder&&operation.canAcceptOrder" v-on:click="doAccpetOrder()" name="setting" icon="certificate">接单</van-tabbar-item>
                <van-tabbar-item name="setting" icon="ellipsis">
                    <label tapmode v-on:click="showMorePopover=!showMorePopover">更多</label>
                </van-tabbar-item>
            </van-tabbar>
            <van-dialog v-model:show="showMorePopover" class="new-more-dialog" :overlay="false" width="100%"
                :show-confirm-button="false">
                <van-row justify="space-around">
                    <van-col v-if="form.canRefuse&&operation.canRefuse" v-on:click="doRefuseOrder()" span="6" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-close"> </i>
                            </div>
                            <div class="van-tabbar-item__text">拒绝</div>
                        </div>
                    </van-col>
                    <van-col v-if="form.canChuidan&&operation.canChuidan" v-on:click="doUrgeOrder()" span="6" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-bullhorn-o"> </i>
                            </div>
                            <div class="van-tabbar-item__text">催单</div>
                        </div>
                    </van-col>
                    <van-col v-if="form.canAfreshSend&&operation.canAfreshSend"  v-on:click="do_canpublish(4)" span="6" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-share-o"> </i>
                            </div>
                            <div class="van-tabbar-item__text">重派</div>
                        </div>
                    </van-col>
                    <van-col v-if="form.canHandle&&operation.canHandle" v-on:click="do_complete(1)" span="6" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-clock-o"> </i>
                            </div>
                            <div class="van-tabbar-item__text">处理</div>
                        </div>
                    </van-col>
                    <van-col v-if="form.canComplete&&operation.canComplete" v-on:click="do_complete(2)" span="6" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-passed"> </i>
                            </div>
                            <div class="van-tabbar-item__text">完工</div>
                        </div>
                    </van-col>
                    <van-col v-if="form.canVisit&&operation.canVisit" v-on:click="do_returnvisit()" span="6" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-comment-circle-o"> </i>
                            </div>
                            <div class="van-tabbar-item__text">回访</div>
                        </div>
                    </van-col>
                    <van-col span="6" v-if="form.canEdit" v-on:click="doEditOrder()" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-edit"> </i>
                            </div>
                            <div class="van-tabbar-item__text">编辑</div>
                        </div>
                    </van-col>
                    <van-col span="6" v-if="form.canDelete"  v-on:click="doDeleteOrder()" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-delete-o"> </i>
                            </div>
                            <div class="van-tabbar-item__text">删除</div>
                        </div>
                    </van-col>
                    <van-col span="6" v-if="form.canPause"  v-on:click="do_startup(1)" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-pause-circle-o"> </i>
                            </div>
                            <div class="van-tabbar-item__text">暂停</div>
                        </div>
                    </van-col>
                    <van-col span="6" v-if="form.canStart"  v-on:click="do_startup(2)" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-play-circle-o"> </i>
                            </div>
                            <div class="van-tabbar-item__text">流转</div>
                        </div>
                    </van-col>
                    <van-col v-if="form.FinalServiceTypeID==1" span="6" v-on:click="do_repair()" class="aui-padded-b-15">
                        <div class="van-tabbar-item">
                            <div class="van-tabbar-item__icon">
                                <i class="van-icon van-icon-add-o"> </i>
                            </div>
                            <div class="van-tabbar-item__text">设备维修</div>
                        </div>
                    </van-col>
                </van-row>
            </van-dialog>
            <!-- <div class="new-btn-bottom" v-if="typetj!=1">
                <div v-if="form.canAccept&&operation.canAccept" class="new-blue-btn" v-on:click="do_isShouli()">受理</div>
                <div v-if="form.canClose&&operation.canClose" class="new-blue-btn" v-on:click="doCloseOrder()">关单</div>
                <div v-if="form.canSend&&operation.canSend" class="new-blue-btn" v-on:click="do_canpublish(1)">派单</div>
                <div v-if="form.canAcceptOrder&&operation.canAcceptOrder" class="new-blue-btn" v-on:click="doAccpetOrder()">接单</div>
                <div v-if="form.canRefuse&&operation.canRefuse" class="new-blue-btn" v-on:click="doRefuseOrder()">拒绝</div>
                <div v-if="form.canChuidan&&operation.canChuidan" class="new-blue-btn" v-on:click="doUrgeOrder()">催单</div>
                <div v-if="form.canAfreshSend&&operation.canAfreshSend" class="new-blue-btn" v-on:click="do_canpublish(4)">重派</div>
                <div v-if="form.canHandle&&operation.canHandle" class="new-blue-btn" v-on:click="do_complete(1)">处理</div>
                <div v-if="form.canComplete&&operation.canComplete" class="new-blue-btn" v-on:click="do_complete(2)">完工</div>
                <div v-if="form.canVisit&&operation.canVisit" class="new-blue-btn" v-on:click="do_returnvisit()">回访</div>   
            </div>
         -->
            <!--<div v-if="form.canoperaiton && !isviewdetail" class="function top-line">
    <div class="function_btn_list">
        <div v-if="form.cangrab" v-on:click="do_grab()" class="function_btn">
            抢单
        </div>
        <div v-if="form.canpublish" v-on:click="do_canpublish()" class="function_btn">
            派单
        </div>
        <div v-if="form.canaccpet" v-on:click="do_accpet()" class="function_btn">
            接受
        </div>
        <div v-if="form.canprocess" v-on:click="do_complete()" class="function_btn">
            处理
        </div>-->
            <!-- <div v-if="form.cancomplete" v-on:click="do_complete()" class="function_btn">
      办结（完工）
    </div> -->
            <!--<div v-if="form.canxietong" v-on:click="open_xietong()" class="function_btn">
        协同
    </div>-->
            <!-- <div v-if="form.cantransfer" v-on:click="open_transfer()" class="function_btn">
      转交
    </div> -->
            <!--<div v-if="form.canreturnback" v-on:click="do_returnback()" class="function_btn">
                回退
            </div>
        </div>
    </div>-->
        </section>

        

        <van-popup v-model:show="showFWPopover" round closeable teleport="body" style="width: 80%;height: 240px;" >
            <div>
                <div class="popup-title aui-font-size-16 text-grey">可用的服务卡信息</div>
                <div class="aui-padded-15" style="text-align: center;">
                    <div v-for="itemcard in form.CardOwnerList" class="aui-flex aui-margin-b-10">
                        <div class="fw-left-width">{{itemcard.ServiceCardName}}
                            <span v-if="itemcard.ServiceCardID.trim().length>=4">({{itemcard.ServiceCardID.substring(itemcard.ServiceCardID.trim().length-4)}})</span>
                        </div>
                        <div class="fw-right-width"><span class="aui-margin-l-5 aui-margin-r-5">|</span>余额：{{itemcard.Balance}}元</div>
                    </div>
                   
                </div>
            </div>
        </van-popup>

        <van-popup v-model:show="IsOpenCloseList" round closeable teleport="body" style="width: 84%;height: 350px;" >
            <div>
                <div class="popup-title aui-font-size-16 text-grey">当前资源存在未关闭的工单</div>
                <div class="aui-padded-15" style="text-align: center;height: 280px;overflow: hidden;overflow-y: auto;">
                    <div v-on:click="openOrderDetail(item)"  v-for="item in NoCloseList" class="aui-margin-b-15 list-div-grey">
                        <div class="aui-flex aui-margin-b-5">
                            <div class="text-grey" style="width: 75px;">报修时间：</div>
                            <!-- <div>{{item.AddRepairTime?item.AddRepairTime:item.LastUpdateTime}}</div> -->
                            <div><span v-text="onDealNoListTime(item)"></span></div>
                            <span class="list-icon-right" v-bind:class="{'text-org':item.ServiceStatus!=50,'text-grey':item.ServiceStatus==50}">{{item.ServiceStatusDesc}}<i class="icon iconfont icon-xiangyoujiantou ccc aui-font-size-12" style="margin-top: -2px;"></i></span>
                        </div>
                        <div class="aui-flex">
                            <div class="text-grey" style="width: 75px;">问题描述：</div>
                            <div class="ellipsis_two" style="width: calc(100% - 75px);" >{{item.ServiceContent?item.ServiceContent:'--'}}</div>
                        </div>
                    </div> 
                </div>
            </div>
        </van-popup>
    </div>
  
</body>
<script type="text/javascript " src="../script/api.js"></script>
<script type="text/javascript " src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/home_task_con.js"></script>

</html>
